<!DOCTYPE html>
<html id="replace-style" lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
	<title>连接设备</title>	
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header> 
<!-- 页面指向 -->
<div class="page-point bg-white">
	<ul>
	
		<li>设备管理</li>
		<li>采集终端管理</li>
		<li>连接设备</li>
	</ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" > 
</div>
<!-- 底部 -->
<div th:replace="common/foot" > 
</div>



<!--主体内容-->
<div class="page-container">

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">查询条件</h2>
		</div>
	</div>

	<div class="container-fluid query-frame-wrap mb-10 clearfix">
		<div class="col-lg-3">
			<div class="query-frame">
				<label>采集终端编号</label>
				<input autocomplete="new-password" id="clientCodeConnected" class="form-control queryConnectEquipment" th:value="${clientCode}"	/>
			</div>
		</div>

		<div class="col-lg-3">
			<div class="query-frame">
				<label>所属工序</label>
				<select class="form-control operationSearch" id="connectOperation">
				</select>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame">
				<label>连接设备编号</label>
				<input autocomplete="new-password" type="text" class="form-control queryConnectEquipment" id="connectEquipCode"/>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame query-button">
				<img th:src="@{/image/search.png}" id="queryConnectEquipment"/>
				<img th:src="@{/image/rest.png}" id="resetConnectEquipment" class="reset"/>
			</div>
		</div>
	</div>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12 rlt">
			<h2 class="page-section-title">设备列表</h2>
			<ul class="table-tool">
			    <li id="addConnectEquipment" shiro:hasPermission="app.equipment.connect.saveEquipmentConnect.save.mvc">
			        <span class="icon-list_add" aria-hidden="true"></span>
			        <label>新增</label>
			    </li>
			    <li id="updateConnectEquipment" shiro:hasPermission="app.equipment.connect.saveEquipmentConnect.save.mvc">
			        <span class="icon-list_xiugai" aria-hidden="true"></span>
			        <label>修改</label>
			    </li>
			    <li id="delConnectEquipment" shiro:hasPermission="app.equipment.connect.delEquipmentConnect.del.mvc">
			        <span class="icon-list_shanchu" aria-hidden="true"></span>
			        <label>删除</label>
			    </li>
			    <li class="last" id="refreshConnectEquipment">
			        <span class="icon-list_shuaxin" aria-hidden="true"></span>
			        <label>刷新</label>
			    </li>
			</ul>
		</div>
	</div>

	<div class="container-fluid table-container">
		<table id="connectEquipmentTable">

		</table>
	</div>
</div>

<!--模态框-表单验证和文件上传-->
<div class="modal fade connectEquipmentForm" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title title">Newly added</h4>
      </div>
      <div class="modal-body">
		    <div class="row">
		        <div class="col-lg-12">
		            <form id="defaultForm" method="" class="form-horizontal" action="">
		                <div class="form-group">
		                
		                    <label class="col-lg-3 control-label form-required form-required-6">采集终端编号</label>
		                    <div class="col-lg-7">
            					<select class="form-control clientCodeConnect" name="clientId">
									<option value="">请选择</option>
								</select>
		                    </div>
		                </div>
		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-6">采集终端名称</label>
		                    <div class="col-lg-7">
		                    	<input autocomplete="new-password" type="text" class="form-control" name="clientName" value="" />
		                    </div>
		                </div>
		                <!--<div class="form-group">-->
		                    <!--<label class="col-lg-3 control-label form-required form-required-4">所属工序</label>-->
		                    <!--<div class="col-lg-7">-->
		                    		<!--<input autocomplete="new-password" type="text" class="form-control" name="operationName" value="" />-->
		                    <!--</div>-->
		                <!--</div>-->
		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-6">连接设备编号</label>
		                    <div class="col-lg-7">
								<select class="form-control equipCodeConnect" name="equipCode">
								</select>
								<input autocomplete="new-password" type="hidden" class="form-control" name="equipId" value="" />
		                    </div>
		                </div>
		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-6">连接设备名称</label>
		                    <div class="col-lg-7">
		                    		<input autocomplete="new-password" type="text" class="form-control" name="equipName" id="" value="" />
		                    </div>
		                </div>
                        <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-4">采集方式</label>
		                    <div class="col-lg-7">
								<select name="type" class="form-control type" >
									<option value="1">PLC</option>
									<option value="2">文件</option>
									<option value="3">数据库</option>
									<option value="4">上位机</option>
								</select>
		                    </div>
		                </div>
		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-5">数据源地址</label>
		                    <div class="col-lg-7">
		                    		<input autocomplete="new-password" type="text" class="form-control" name="address" value="" />
		                    </div>
		                </div>
	                	<!--<div class="form-group">-->
		                    <!--<label class="col-lg-3 control-label form-required form-required-6">采集频率(秒)</label>-->
		                    <!--<div class="col-lg-7">-->
		                    		<!--<input autocomplete="new-password" type="text" class="form-control" name="frequency" value="" />-->
		                    <!--</div>-->
		                <!--</div>-->
	                	<div class="form-group">
		                    <label class="col-lg-3 control-label">备注</label>
		                    <div class="col-lg-7">
		                    		<input autocomplete="new-password" type="text" class="form-control" name="remark" value="" />
		                    </div>
		                </div>
        				<!-- 隐藏唯一id -->
						<input autocomplete="new-password" type="hidden" name="pkId" value="" />
						<input autocomplete="new-password" type="hidden" name="operationId" value="" />
		            </form>
		        </div>
		    </div>
      </div>
      <div class="modal-footer">
      	<button type="button" class="btn btn-primary yes" id="btn_submit">保存</button>
        <button type="button" class="btn btn-default cancel" data-dismiss="modal" >关闭</button>
        
      </div>
    </div>
  </div>
</div>
<!--模态框-表单验证和文件上传-->
<div class="modal fade connectEquipmentForm" id="myModalUpdate" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title title">修改</h4>
      </div>
      <div class="modal-body">
		    <div class="row">
		        <div class="col-lg-12">
		            <form id="updateForm" method="" class="form-horizontal" action="">
		                <div class="form-group">
		                
		                    <label class="col-lg-3 control-label form-required form-required-6">采集终端编号</label>
		                    <div class="col-lg-7">
		                    
		                    	<input autocomplete="new-password" type="text" class="form-control" name="clientName" value="" readonly/>
		                    	<input autocomplete="new-password" type="text" class="form-control" name="clientId" value="" type="hidden" />
            					<!-- <select class="form-control clientCodeConnect" name="clientId">
									<option value="">请选择</option>
								</select> -->
		                    </div>
		                </div>
		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-6">采集终端名称</label>
		                    <div class="col-lg-7">
		                    	<input autocomplete="new-password" type="text" class="form-control" name="clientName" value="" readonly/>
		                    </div>
		                </div>
		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-4">所属工序</label>
		                    <div class="col-lg-7">
		                    		<input autocomplete="new-password" type="text" class="form-control" name="operationName" value="" readonly/>
		                    </div>
		                </div>
		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-6">连接设备编号</label>
		                    <div class="col-lg-7">
								<!-- <select class="form-control equipCodeConnect" name="equipCode">
								</select> -->
								<input autocomplete="new-password"  class="form-control" name="equipCode" value="" readonly/>
								<input autocomplete="new-password" type="hidden" class="form-control" name="equipId" value="" />
		                    </div>
		                </div>
		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-6">连接设备名称</label>
		                    <div class="col-lg-7">
		                    		<input autocomplete="new-password" type="text" class="form-control" name="equipName" value="" readonly/>
		                    </div>
		                </div>
                        <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-4">采集方式</label>
		                    <div class="col-lg-7">
								<select name="type" class="form-control type" >
									<option value="1">PLC</option>
									<option value="2">文件</option>
									<option value="3">数据库</option>
									<option value="4">上位机</option>
								</select>
		                    </div>
		                </div>
		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-5">数据源地址</label>
		                    <div class="col-lg-7">
		                    		<input autocomplete="new-password" type="text" class="form-control" name="address" value="" />
		                    </div>
		                </div>
	                	<!--<div class="form-group">-->
		                    <!--<label class="col-lg-3 control-label form-required form-required-6">采集频率(秒)</label>-->
		                    <!--<div class="col-lg-7">-->
		                    		<!--<input autocomplete="new-password" type="text" class="form-control" name="frequency" value="" />-->
		                    <!--</div>-->
		                <!--</div>-->
	                	<div class="form-group">
		                    <label class="col-lg-3 control-label">备注</label>
		                    <div class="col-lg-7">
		                    		<input autocomplete="new-password" type="text" class="form-control" name="remark" value="" />
		                    </div>
		                </div>
        				<!-- 隐藏唯一id -->
						<input autocomplete="new-password" type="hidden" name="pkId" value="" />
						<input autocomplete="new-password" type="hidden" name="operationId" value="" />		            
					</form>
		        </div>
		    </div>
      </div>
      <div class="modal-footer">
      	<button type="button" class="btn btn-primary yes" id="btn_submit">保存</button>
        <button type="button" class="btn btn-default cancel" data-dismiss="modal" >关闭</button>
        
      </div>
    </div>
  </div>
</div>

<script th:src="@{/js/equipment/collectTerminal/connectEquipment.js}" src="../../static/js/equipment/collectTerminal/connectEquipment.js"></script>

</body>
</html>